<!DOCTYPE html>
<html lang="en">
<head>
<base href="<?php echo RESOURCE_URL?>"/>

	<meta charset="utf-8">
	<title>Welcome to CodeIgniter</title>
</head>
<body background="daliadalia.jpg">
<span><h1>Home</h1></span>
<br>
<br>

<style>
body{
	font-family: 'Oleo Script', cursive;
}
ul.horizontal{
margin:0;
padding:0;
}

ul.horizontal li{
display:block;
float:left;
padding:0 10px;
}

div.bigger
{
width:350px;
height:100px;
border:1px solid black;
border:2px solid #a1a1a1;
padding:10px 40px; 
background:#dddddd;
width:50px;
border-radius:25px;
}

div.smaller
{
width:100px;
height:50px;
margin-top:-50px;
margin-left:-400px;
border:1px solid black;
background:#00FF00;
position:relative;
border:2px solid #a1a1a1;
padding:10px 40px; 
background:#dddddd;
width:50px;
border-radius:25px;
}
</style>

<!--<p><h1>Please Choose Your Screen:</h1></p>
<ul class="horizontal">
<li><a href="#">Apkp</a></li>
<li><a href="#">Apis</a></li>
<li><a href="#">Apir</a></li>
<li><a href="#">Aqrb</a></li>
</ul>-->
<center>
<div id="div1" style="min-width:500px; height:50px;  background:#add8e6;" class="bigger">
	<a href="">Apkp</a>
	<div id="div1S" class="smaller" style= "width:20px; height:80px; background:#48d1cc""></div>
</div>
<br>
<br>
<div id="div2" style="min-width:500px; height:50px; background:#add8e6;" class="bigger">
	<a href="">Apis</a>
	<div id="div2S" class="smaller"style= "width:20px; height:80px; background:#48d1cc"></div>
</div>
<br>
<br>
<div id="div3" style="min-width:500px; height:50px;  background:#add8e6;" class="bigger">
	<a href="">Apir</a>
	<div id="div3S" class="smaller" style= "width:20px; height:80px; background:#48d1cc""></div>
</div>
<br>
<br>
<div id="div4" style="min-width:500px; height:50px;  background:#add8e6;" class="bigger">
	<a href="">Aqrb</a>
	<div id="div4S" class="smaller" style= "width:20px; height:80px; background:#48d1cc"></div>
</div>
<br>
</center>
<a href="../index.php/user/logout">Logout</a>
</body>
</html>